<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	ArrayList<String> jsPaths = (ArrayList<String>) request.getAttribute("jsPaths");
	jsPaths.add("/resources/bootstrap/table/jquery.dataTables.min.js");
	jsPaths.add("/resources/bootstrap/table/dataTables.bootstrap.js");
	jsPaths.add("/resources/custom/readMeter/readMeter.js");
%>
<div class="panel-group" id="accordion">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<div data-toggle="collapse" data-toggle="collapse"
					data-parent="#accordion" href="#collapseOne"
					style="cursor: pointer;">
					<img alt=""
						src="${pageContext.request.contextPath}/resources/bootstrap/custom/search.png">
					&nbsp;搜索项目<span class="glyphicon glyphicon-chevron-down pull-right"
						id="arrow"></span>
				</div>
			</h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse">
			<div class="panel-body">
				<form role="form">
					<div class='row'>
						<div class="form-group col-sm-4">
							<label for="searchName" class="col-sm-4 control-label">总表名称:</label>
							<div class="col-sm-8">
								<input name="searchName" id="searchName" class="form-control"
									placeholder="总表名称">
							</div>
						</div>
						<div class="form-group col-sm-4">
							<label for="searchDeviceKey" class="col-sm-4 control-label">设备标识:</label>
							<div class="col-sm-8">
								<input name="searchDeviceKey" id="searchDeviceKey"
									class="form-control" placeholder="设备标识">
							</div>
						</div>

						<div class="form-group col-sm-4">
							<label for="searchAddr1" class="col-sm-4 control-label">一级地址:</label>
							<div class="col-sm-8">
								<input name="searchAddr1" id="searchAddr1" class="form-control"
									placeholder="一级地址">
							</div>
						</div>

					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="table-responsive">
	<table id="meter"
		class="table table-striped table-bordered table-hover display"
		cellspacing="0" width="100%">
		<thead>
			<tr>
				<th></th>
				<th>总表名称</th>
				<th>设备标识</th>
				<th>一级地址</th>
			</tr>
		</thead>
	</table>
</div>
